<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>修改密码</title>

    <meta name="description" content="">
    <meta name="author" content="Hovace">

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.css"/>

    <!-- Image Cropper  -->
    <link rel="stylesheet" href="assets/css/plugins/cropper/cropper.css"/>

    <!-- Fonts  -->
    <link href='assets/fonts/gooleapis.css' rel='stylesheet' type='text/css'>


    <!-- Timeline Styling  -->
    <link rel="stylesheet" href="assets/css/app/timeline.css"/>


    <!-- Base Styling  -->
    <link rel="stylesheet" href="assets/css/app/app.v1.css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="assets/js/h5/html5shiv.js"></script>
    <script src="assets/js/h5/respond.js"></script>
    <![endif]-->

    <style type="text/css">
        .events i {
            width: 58px;
        }

        .threePhoto img {
            display: inline;
            max-width: 300px;
        }

        .userLogin {

            font-size: 12px;
            width: 54px;
            height: 54px;
            display: block;
            background-image: url(assets/images/avtar/user.png);
            background-repeat: no-repeat;
            background-position: top center;

        }

        .welcome {
            width: 200px;
            padding-top: 12px;
            overflow: hidden;
        }

        .welcome span {
            float: left;

        }

        input::-ms-input-placeholder {
            text-align: center;
        }

        input::-webkit-input-placeholder {
            text-align: center;
        }

        .centerDiv {
            padding-top: 8em;
        }

        header {
            background: #fff;

        }
    </style>
</head>
<body data-ng-app>


<aside class="left-panel" style="">

    <div class="text-center"
         style="background-color: #fff;border-right: 1px solid #a1a1a1;height: 96px;line-height: 96px;margin-top: -25px; ">
        <img src="assets/images/icons/000Logo.png" class="" alt="Logo">


    </div>


    <nav class="navigation">

        <ul class="list-unstyled text-center">
            <li class="has-submenu ">
                <a href="#">
                    <span class="nav-label">状态
                        <i class="fa fa-circle"
                           style="color: #d20005; font-size: 6px;border: 1px solid #000;border-radius: 50%"></i>
                    </span>
                </a>

                <ul class="list-unstyled">
                    <li>
                        <a href="##">
                            示忙
                            <i class="fa fa-circle"
                               style="color: #d20005; font-size: 6px;border: 1px solid #000;border-radius: 50%"></i>
                        </a>

                    </li>
                    <li>
                        <a href="##">示闲
                            <i class="fa fa-circle"
                               style="color: #6cef3d; font-size: 6px;border: 1px solid #000;border-radius: 50%"></i>
                        </a>
                    </li>
                    <li>
                        <a href="##">
                            摘机
                            <i class="fa fa-circle"
                               style="color: #fdff32; font-size: 6px;border: 1px solid #000;border-radius: 50%"></i>
                        </a>
                    </li>
                    <li>
                        <a href="##">
                            挂机
                            <i class="fa fa-circle"
                               style="color: #bfbfbf; font-size: 6px;border: 1px solid #000;border-radius: 50%"></i>
                        </a>
                    </li>

                </ul>
            </li>


            <li class="has-submenu ">
                <a href="pageHome.html">
                    <span class="nav-label">后台首页</span></a>
            </li>
            <li class="has-submenu active"><a href="password.html"> <span class="nav-label">修改密码</span></a>

            </li>

        </ul>
    </nav>

</aside>
<!-- Aside Ends-->

<section class="content">


    <header class="top-head container-fluid" style="height: 96px;line-height: 96px;">


        <div id="welcome" class=" pull-right hidden-xs welcome">

            <span class="text-center">
                 <i class="text-center userLogin">客服人员</i>
            </span>
            <span id="userName" style="color: #000;margin: -20px 0 0 20px;;font-size: 50px;color:#fe5454;">Gerg</span>


        </div>


    </header>
    <!-- Header Ends -->
    <div class="warper container-fluid text-center ">
        <form action="">
            <div class="centerDiv" style=";display: inline-block;margin: 0 auto">
                <div class="form-group input-group">
                    <input type="password" class="form-control" style="border-radius: 4px;" placeholder="请输入原密码">
                </div>
                <div class="form-group input-group " style="margin-bottom: 4px;">
                    <input type="password" class="form-control" style="border-radius: 4px;" placeholder="请输入新密码">
                </div>
                <div>请输入至少六位密码</div>
                <div class="form-group input-group " style="margin-top: 4px;">
                    <input type="password" class="form-control" style="border-radius: 4px; " placeholder="确认新密码">
                </div>
            </div>
            <button type="submit" class="btn "
                    style="background:#f9f9f9;color: #454545;display: block;margin: 0 auto;outline: none;">确　　认
            </button>
        </form>


    </div>


    <!-- Warper Ends Here (working area) -->


</section>
<!-- Content Block Ends Here (right box)-->


<!-- JQuery v1.9.1 -->
<script src="assets/js/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/underscore/underscore-min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap/bootstrap.min.js"></script>

<!-- NanoScroll -->
<script src="assets/js/plugins/nicescroll/jquery.nicescroll.min.js"></script>


<!-- Custom JQuery -->
<script src="assets/js/app/custom.js" type="text/javascript"></script>

</body>